<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@ include file="../common/common.jsp"%>
<link rel="stylesheet" href="${ctx}/page/shop/css/orderAccount.css">
<title>订单结算</title>
</head>
<body>
		<%@ include file="../common/header.jsp"%>
		<div class="container">
			<div class="row">
				<div class="col-md-9">
					<div class="panel panel-default">
						<div class="panel-heading">订单提交成功，请您尽快付款！ 订单号：<strong>${order.orderNo}</strong></div>
						<div class="panel-body  paginate-bot">
							<h4>商品清单</h4>
							<div class="divide"></div>
							<c:forEach items="${order.items}" var="item">
								<div class="media">
									<div class="media-left">
										<a class="media-left" href="${ctx}/product/${item.product.id}"> 
											<img src="${item.product.smallImage}" class="avatar">
										</a>
									</div>
									<div class="media-body productInfo">
										<a style="color: #333333" class="title" href="${ctx}/product/${item.product.id}">
											<h5 class="media-heading">${item.product.name}</h5>
										</a>
										<small>
											<span class="hidden-sm hidden-xs">规格:${item.productSkuRelation.skuValue1}${item.productSkuRelation.skuValue2}</span> 
											&nbsp&nbsp 
											<span class="hidden-sm hidden-xs">单价:&yen<fmt:formatNumber type="number" value="${item.productSkuRelation.price}" pattern="0.00" maxFractionDigits="2"/></span> 
											&nbsp&nbsp <span class="hidden-sm hidden-xs">数量:${item.counts}</span>
											&nbsp&nbsp <span class="hidden-sm hidden-xs">小计:&yen<fmt:formatNumber type="number" value="${item.value}" pattern="0.00" maxFractionDigits="2"/></span>
										</small>
									</div>
								</div>
							</c:forEach>
							<h4 class="addressTitle">收货人信息</h4>
							<div class="divide addressInfo"></div>
							${address.name}&nbsp${address.province}&nbsp${address.city}&nbsp${address.district}&nbsp${address.detail} &nbsp${address.mobile}
							<h4>备注</h4>
							<div class="divide"></div>
							${order.remark}
						</div>
						<div class="panel-footer">
							总共<strong>${order.counts}</strong>件商品
							&nbsp&nbsp总计<strong>&yen<fmt:formatNumber type="number" value="${order.value}" pattern="0.00" maxFractionDigits="2"/></strong>
							&nbsp&nbsp需支付<strong style="color: #c61822"><fmt:formatNumber type="number" value="${order.value}" pattern="0.00" maxFractionDigits="2"/></strong>积分
							<button onclick="orderPayView()" class="pull-right btn btn-default commitButton">
								<span class="glyphicon glyphicon-credit-card"></span>
								立即支付
							</button>
						</div>
					</div>
				</div>
				<div class="col-md-3 hidden-sm hidden-xs">
					<%@ include file="../include/memberInfoInShop.jsp"%>
				</div>
			</div>
		</div>
		<%@ include file="../common/footer.jsp"%>
	
	<script type="text/javascript">
		var orderNo = '${order.orderNo}';
		function orderPayView(){
			window.location.href = decodeURIComponent(ctx + '/order/orderPay?orderNo=' + orderNo );
		}
	</script>
</body>
</html>